<%--
  Created by IntelliJ IDEA.
  User: liao
  Date: 2016/8/23
  Time: 17:58
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@include file="../inc/top.jsp"%>
<link href="<%=ctxpath%>/static/teacher/css/studentDetail.css" rel="stylesheet">
<script src="<%=ctxpath%>/static/teacher/js/studentDetail.js"></script>
<link href="<%=ctxpath%>/static/v3/bk.css?v=1.0.1" rel="stylesheet"/>
<link href="<%=ctxpath%>/static/v3/font-awesome.css" rel="stylesheet"/>
<link href="<%=ctxpath%>/static/animation/dist/aos.css" rel="stylesheet"/>
<script src="<%=ctxpath%>/static/animation/js/highlight.min.js"></script>
<script src="<%=ctxpath%>/static/animation/dist/aos.js"></script>
<script src="<%=ctxpath%>/static/assets/js/jquery.easypiechart.min.js"></script>
<%
    StudentBean aStu = (StudentBean) request.getAttribute("aStudent");
    double rate = Double.parseDouble(aStu.getSubmitedJobNumber())/Double.parseDouble(aStu.getShouldSubmitJobNumber());
    if(aStu.getStudent_number()==null){
        aStu.setStudent_number("无");
    }
    if(Double.isNaN(rate)){
        rate=0;
    }
    if(aStu.getStudent_remarks()==null){
        aStu.setStudent_remarks("");
    }
%>
<div class="code2" aos="zoom-in-up">
    <img src="<%=ctxpath%>/media/img/teacher/9.png" class="img"/>
</div>
<input type="hidden" id="hidden" value="<%=aStu.getStudent_id()%>">
<input type="hidden" id="class_id" value="<%=aStu.getaClass().getClass_id()%>"/>
<div class="container-fluid">
    <div class="col-md-3">
    <div class="code1" aos="flip-left">
        <div class="king-widget2">
            <div class="king-widget2-content p25 bg-warning">
                <div class="king-counter king-counter-lg">
                    <div class="king-counter-label text-uppercase">姓名</div>
                    <span class="king-counter-number"><%=aStu.getStudent_name()%></span>
                </div>
            </div>
        </div>
    </div>
    </div>
    <div class="col-md-1"></div>
    <div class="col-md-3">
        <div class="code1" aos="flip-down">
        <div class="king-widget2">
            <div class="king-widget2-content p25 bg-success">
                <div class="king-counter king-counter-lg king-counter-inverse">
                    <div class="king-counter-label text-uppercase">班级</div>
                    <div class="king-counter-number-group">
                        <span class="king-counter-number-related"></span>
                        <span class="king-counter-number"><%=aStu.getaClass().getClass_name()%></span>
                    </div>
                </div>
            </div>
        </div>
        </div>
    </div>
    <div class="col-md-1"></div>
    <div class="col-md-3">
        <div class="code1" aos="flip-right">
        <div class="king-widget2">
            <div class="king-widget2-content p25 bg-info">
                <div class="king-counter king-counter-lg king-counter-inverse">
                    <div class="king-counter-label text-uppercase">学号</div>
                    <span class="king-counter-number"><%=aStu.getStudent_number()%></span>
                </div>
            </div>
        </div>
        </div>
    </div>
    <div class="col-md-1"></div>
</div>
    <div class="container-fluid">
    <div class="col-md-3">
        <div class="code2" aos="fade-up" aos-duration="3000">
         <div class="panel mini-box">
             <span class="box-icon">
                  <img src="<%=ctxpath%>/media/img/teacher/11.png"/>
                        </span>
        <div class="box-info">
            <p class="f30"><%=aStu.getShouldSubmitJobNumber()%></p>
            <p class="text-muted">应交任务</p>
        </div>
        </div>
        </div>
    </div>
    <div class="col-md-1"></div>
    <div class="col-md-3">
        <div class="code code--right" aos="flip-left" aos-easing="ease-out-cubic" aos-duration="2000">
        <div class="panel mini-box">
        <span class="box-icon ">
        <img src="<%=ctxpath%>/media/img/teacher/10.png"/>
                        </span>
            <div class="box-info">
                <p class="f30"><%=aStu.getSubmitedJobNumber()%></p>
                <p class="text-muted">实际交任务</p>
            </div>
        </div>
        </div>
    </div>
    <div class="col-md-1"></div>
    <div class="col-md-3">
        <div class="code1" aos="fade-down" aos-easing="linear" aos-duration="3000">
        <div class="panel mini-box" id="widget5_demo3">
            <div class="box-icon easypie_box" data-percent="<%=rate*100%>" data-scale-color="#ffb400" data-bar-color="#ffb400">
            </div>
            <div class="box-info">
                <p class="f20"><%=rate*100%>%</p>
                <p class="text-muted">交业率</p>
            </div>
        </div>
        </div>
    </div>
    <div class="col-md-1"></div>
    </div>
    <div class="remark col-md-11">
        <div class="form-group"><h4>[添加备注]</h4></div>
        <div class="form-group"><textarea rows="3" id="remark" name="remark"><%=aStu.getStudent_remarks()%></textarea></div>
        <div class="btnClass"><button class="king-btn-demo1 king-btn king-round king-success" title="保存">保存</button>
            <button class="king-btn-demo king-btn king-round king-success" title="保存">返回</button>
        </div>
    </div>
<script type="text/javascript">
    $('#widget5_demo3 .easypie_box').easyPieChart({
        lineWidth: 3,
        size: 60,
        //在动画播放中，同步改变显示的值
        onStep: function(from, to, percent) {
            $(this.el).closest('.panel ').find('.f20').text(Math.round(percent) + '%');
        }
    });
</script>
<script>
    AOS.init({
        easing: 'ease-out-back',
        duration: 2000
    });
</script>

<script>
    hljs.initHighlightingOnLoad();

    $('.hero__scroll').on('click', function(e) {
        $('html, body').animate({
            scrollTop: $(window).height()
        }, 1200);
    });
</script>
<%@include file="../inc/bottom.jsp"%>
